草庐IT

HTML 输入元素比 Containing Div 宽

全部标签

javascript - 如何更改内部元素和数组

如何让“arr”中的“e”元素被change0替换?arr数组将由用户输入,我需要更改它,无法预测哪个元素将是"e"。vararr=["a","b","c","d","e","f","g","h","e","j","e"];varchange0=2varchange1=1document.write(arr); 最佳答案 您可以使用map()方法,这将返回新的更新数组并保存原始数组。vararr=["a","b","c","d","e","f","g","h","e","j","e"];varchange0=2;varresult=

javascript - 如何在 Vue.js 中获取随机元素

我有3个英雄图片及其内容,我想在用户刷新页面时随机显示它们!基本上我试图在加载页面上使用Jquery显示随机div,但问题是英雄图像的大小很大,并且通过使用Jquery,所有这3个图像开始加载DOM影响页面速度。在Vue.js中是否有任何解决方案可以在用户刷新页面时一次加载一个特定的div,而不是所有3个div!?LipsumHeadingLipsumdummycontentbodytestdummygoeshere.jQuery代码:mounted(){varrandom=Math.floor(Math.random()*$('.slider-item').length);$('.s

javascript - Workbox - SPA - 回退到/index.html

我正在使用workbox使用webpack生成服务worker。在webpack.config.js中加入如下代码:newWorkboxPlugin.InjectManifest({swSrc:"./src/sw.js"}),serviceworker生成的很好。在./src/sw.js中,我有:workbox.precaching.precacheAndRoute(self.__precacheManifest||[]);我所有的资源都被很好地预缓存了。但是,我有一个单页应用程序,我注意到当从非主页路由离线刷新页面时,服务worker没有响应。例如,在离线时刷新/page1不起作用,

javascript - 输入字段值不应大于其他字段值

我有两个输入字段,一个用于预付款,另一个用于全额付款,它们是从数据库中获取的数组。如果onchange或keyup预付款大于全款,则预付款不应输入或应等于全款。我正在尝试使用这段代码"id="full_payment_">"class="advance">$('.advance').on('changekeyupblur',function(e){varfullPay=$('#full_payment_'+id[1]).val();varadvancePay=$('#advance_payment_'+id[1]).val();console.log(parseInt(advanceP

javascript - 将多级 JSON 菜单转换为多级 JSX/HTML 菜单

我正在使用SmartMenus创建下拉菜单。但是,我想动态创建菜单。React应用程序将查询API服务器以获取JSON代码,并由此构建一个菜单。我正在尝试找出一种将JSON代码转换为HTML/JSX代码的方法:从API检索到的JSON代码看起来像这样:{"module_type":"menu","title":"MySite","menu":[{"link":"/home","title":"Home"},{"link":"#","title":"Fruit","menu":[{"link":"/apples","title":"Apples"},{"link":"/bananas",

javascript - 按下回车键时,onClick 不会仅通过一个输入触发

我在InternetExplorer7中遇到事件问题。当我有一个包含两个或更多input[type=text]的表单并且我按下回车键时,事件按以下顺序发生:提交按钮(onClick)表单(onSubmit)示例代码:如果我只有一个input[type=text]并按下回车键,提交按钮onClick事件不会触发。示例代码: 最佳答案 按钮的onclick应该(我认为)只在按钮被实际点击时触发(或者当焦点在它上面并且用户点击输入时),除非你添加了逻辑来改变它。添加额外的文本框是否可能会改变元素的Tab键顺序(在这种情况下可能使按钮成为默

javascript - javascript getElementsByName 可以访问隐藏元素吗?

我有隐藏字段喜欢在javascript中,我想通过获取该字段的值varID=document.getElementsByName("ID").value;我无法访问它!还有其他办法吗? 最佳答案 试试这个:用于javascript访问它:varID=document.getElementById("ID").value;JQuery的其他方式:varID=$('#ID').val(); 关于javascript-javascriptgetElementsByName可以访问隐藏元素吗?,

javascript - 如何查看元素绑定(bind)了哪个 jQuery 函数?

我在javascript中找到了一个网站,它具有我需要的一些功能。它使用jQuery,当我点击一个标签时,一些函数被执行,所以jQuery为标签设置了一个绑定(bind)。但是我怎样才能找出它绑定(bind)了哪个函数呢?Firebug没有向我展示:( 最佳答案 如果您想说查看元素的click事件处理程序,您会得到这样的第一个处理程序:$("#element").data("events").click[0].handler这将使您的功能运行。Here'sanexamplepageshowingthat这是一个例子:$("a").c

javascript - 如何在 HTML 下载中避免 XSS?

我们有一个内部网络应用程序,充当用户可以上传文件的存储库。这些文件可以是任何格式,包括HTML页面。我们已经在IE8中进行了测试,如果您下载一个HTML文件,其中包含一些试图访问您的cookie的脚本,并且在下载后,您选择“打开”选项,该脚本将毫无问题地执行并获取您的cookie信息完全没有。实际上,该脚本可以使用XmlHttpRequest对象调用服务器,并在下载文件的用户的session中执行一些恶意操作。有什么办法可以避免这种情况吗?我们已经测试过,Chrome和Firefox都不会让这种情况发生。如何在任何浏览器(包括IE8)中避免这种行为? 最佳答

javascript - 在 Javascript 中检索表单的 "name"属性,而名称为 "name"的输入存在

我有类似这样的HTML结构:我想使用跨浏览器解决方案在Javascript中检索表单的名称属性。显然,document.getElementById("hello").name不会工作,因为它会返回相应的输入对象。在chrome下,以下代码有效,但我没有成功找到InternetExplorer8的等效代码document.getElementById("hello").getAttribute("name")提前致谢!弗雷德里克 最佳答案 我觉得应该可以document.getElementById("hello").attribu